<template>
  <section class="pop-test">
    <div class="room room-garden"></div>
    <div style="margin-top: 100px; margin-left: 100px;">
      <div class="room lg room-garden"></div>
    </div>
  </section>
</template>

<script>
export default {
  data () {
    return {
    }
  }
}
</script>

<style scoped lang="less">
.pop-test {
  position: fixed;
  z-index: 10000;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 20px;
  background: #000;
  color: #fff;
}
.item {
  width: 100px;
  height: 100px;
}
.room {
  width: 300px;
  height: 300px;
}
.lg {
  transform: scale(2);
}
</style>
